page-talent-filter {
    .scroll-content{
        -webkit-overflow-scrolling: auto;
    }
    @function vw($px) {
        @return $px/1080*100vw;
    }
    .datetime_error {
        border-color: #da5c56!important;
        .datetime-text {
            color: #da5c56!important;
        }
    }
    .item-container{
        width:vw(960);
        margin:0 auto;
        height:auto;
        .block{
            width:100%;
            height:auto;
            margin-top:vw(76);
            .title{
                width:100%;
                height:vw(105);
                line-height:vw(105);
                font-size:vw(56);
                color:#202028;
                border-bottom:1px solid #e8e8e8;
            }
            .clear-btn {
                font-size: 3.33333vw;
                color: #da5c56;
                background-color: transparent;
                float: right;
                padding: 0;
                margin: 0;
                line-height:vw(105);
            }
            .content-container{
                width:100%;
                height:auto;
                overflow:hidden;
                display:flex;
                justify-content: space-between;
                flex-wrap: wrap;

                .time-selector{
                    width:100%;
                    height:auto;
                    display:flex;
                    justify-content: space-between;
                    align-items: center;
                    margin-top:5vw;

                    ion-datetime{
                        width:41.66667vw;
                        height:7.5vw;
                        border-radius:1vw;
                        border:1px solid #d0d0d0;
                        position:relative;
                        padding:0;

                        .datetime-text{
                            display:flex;
                            justify-content: center;
                            align-items: center;
                            color: #666;
                            font-size: 3.89vw;
                        }
                    }
                    .division{
                        width:2.08vw;
                        height:1px;
                        background-color:#e9e9e9;
                    }

                }

                & > button{
                    width:vw(450);
                    height:vw(81);
                    background-color:#f5f5f5;
                    border-radius:vw(10);
                    padding:0;
                    margin:vw(44) 0 0 0;
                    color:#666666;
                    font-size:4.3vw;
                    &.is-first{
                        display:none;
                    }
                    &.selected{
                        background-color:#2cb565;
                        color:#ffffff;
                    }
                }

            }
        }
    }

    .tool-wrapper{
        width:100%;
        height:vw(132);
        display:flex;
        position:absolute;
        bottom:0;

        button{
            width:50%;
            height:100%;
            color:#ffffff;
            font-size:vw(56);

            &:first-child{
                background-color:#d95d55;
            }
            &:last-child{
                background-color:#2cb565;
            }
        }
        button[disabled] {
            background-color: #b7b7b7;
        }
    }
}
